<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html"  prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"   prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Ofertas para el Cliente - Listado de Operaciones en Vuelo</title>
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/ui.jqgrid.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/redmond/jquery-ui-1.8.2.custom.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/operhc_style.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/buttonOHC.css" />
	
	<script type="text/javascript" src='<%= request.getContextPath()%>/dwr/interface/ConsultaActualAction.js'></script>
	<script type='text/javascript' src='<%= request.getContextPath()%>/dwr/engine.js'></script>
	<script type='text/javascript' src='<%= request.getContextPath()%>/dwr/util.js'></script>
	<script src="<%=request.getContextPath()%>/js/util/gridUtil.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/jquery-1.7.1.js" type="text/javascript"></script>	
	<script src="<%=request.getContextPath()%>/js/i18n/grid.locale-es.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/jquery.jqGrid.src.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/grid.subgrid.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/util/encabezado.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/util/formatters.js" type="text/javascript"></script>
	
<script type="text/javascript" charset="UTF-8">

var rutaContexto1 = location.pathname;
var rutaContexto2 = "<%=request.getContextPath()%>";
var rutaContexto  = rutaContexto1.substr(0, rutaContexto1.indexOf(rutaContexto2)) + rutaContexto2;

var colNamesOperEnVuelo  = ['Número Contrato', '', '', 'Producto', 'Tipo Scoring', 'Tipo Operación', 'Monto', 'Tasa', 'Plazo', 'Fecha de Emisión', ''];
var dataModelOperEnVuelo = [
				{name : 'numeroContrato',	index : 'numeroContrato' ,	width : VAL_WIDTH.SMALL,  align: 'center'},
				{name : 'tipoProducto',		index : 'tipoProducto' ,	width : VAL_WIDTH.LSMALL, hidden:true  },
				{name : 'familiaProducto',	index : 'familiaProducto' ,	width : VAL_WIDTH.LSMALL, hidden:true  },
				{name : 'desProducto',		index : 'desProducto' ,		width : VAL_WIDTH.MED  },
				{name : 'tipoScoring',		index : 'tipoScoring' ,		width : VAL_WIDTH.LSMALL, align: 'center', formatter: tipoScoringFormat,   unformat: genericUnFormat},
				{name : 'tipoOperacion',	index : 'tipoOperacion' ,	width : VAL_WIDTH.LSMALL, align: 'center', formatter: tipoOperacionFormat, unformat: genericUnFormat},
				{name : 'monto',			index : 'monto' ,			width : VAL_WIDTH.LSMALL, align: 'right',  formatter: 'currency',  formatoptions:{decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2}},
				{name : 'tasa',				index : 'tasa' ,			width : VAL_WIDTH.VSMALL, align: 'center'},
				{name : 'plazo',			index : 'plazo' ,			width : VAL_WIDTH.VSMALL, align: 'center'},
				{name : 'fechaEmision',		index : 'fechaEmision',		width : VAL_WIDTH.SMALL,  align: 'center'},
				{name : 'numeroContrato',								width : VAL_WIDTH.SMALL, formatter: btnAnularFormat, unformat: genericUnFormat, align: 'center', sortable:false}];

function anularContrato(numeroContrato, familiaProducto, tipoProducto){
	if(confirm("¿Está seguro de anular el Contrato: " + numeroContrato)) {
		var formulario = document.getElementById('formOperacionesVuelo');		
		if(formulario == null) {
			formulario = document.forms[0];
		}
		formulario.action = rutaContexto+'/consultaActualForm.do?method=anularContrato&numeroContrato='+numeroContrato+'&familiaProducto='+familiaProducto+'&tipoProducto='+tipoProducto;
		formulario.submit();
	} else {
		return false;
	}
}

function consultarOperacionesEnVuelo(){
	jQuery("#listOperacionesEnVuelo").GridUnload();
	ConsultaActualAction.consultarOperacionesEnVueloAjax(function(data){
		if(data != null){
			mostrarTablaOperacionesEnVuelo(data);
		}
		<c:choose>
			<c:when test="${empty resultado.messageError}">
				<c:if test="${not empty resultado.numeroContrato}">
				try{
					window.opener.showBodyForm();
				} catch(exception){}
				alert("El contrato ${resultado.numeroContrato} fue anulado satisfactoriamente.");
				</c:if>
			</c:when>
			<c:otherwise>
				alert("No se pudo anular el contrato: ${resultado.messageError}");
			</c:otherwise>
		</c:choose>
	});
}

function mostrarTablaOperacionesEnVuelo(data){
	
	jQuery("#listOperacionesEnVuelo").jqGrid(
	{
		beforeSelectRow: function(){},
		data 	 	: data,
		datatype 	: "local",
		height   	: 185,
		width 	 	: 975,
		colNames 	: colNamesOperEnVuelo,
		colModel 	: dataModelOperEnVuelo,
		rowNum 		: 100, 
		viewrecords : true,
		loadonce	: true,
		multiselect : false,			
		subGrid    	: false,
		footerrow  	: false,
		loadComplete :
           function (data) {
			$("#listOperacionesEnVuelo").closest(".ui-jqgrid-bdiv").css({"overflow-y" : "auto"});
		}
	});
}

</script>
</head>
<body onload="consultarOperacionesEnVuelo();">
<form name="formOperacionesVuelo" method="post">
<table id="listOperacionesEnVuelo" class="grid"></table>
</form>
</body>
</html>